<script setup lang="ts">
import { useSharedRef } from './theRef'

const sRef1 = useSharedRef()
const sRefS1 = useSharedRefStore()
</script>

<template>
  <div>
    play1 `{{ sRef1 }}`
  </div>
  <ElButton underline @click="sRef1 = `${sRef1}?`">
    add?
  </ElButton>
  <div>
    pinia play1 `{{ sRefS1.theRef }}`
  </div>
  <ElButton underline @click="sRefS1.theRef = `${sRefS1.theRef}?`">
    pinia add?
  </ElButton>
</template>
